<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no" media="(device-height: 568px)">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <link rel="stylesheet" type="text/css" media="all" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" media="all" href="../css/style.css" />

    <script type="text/javascript" src="../js/common/jquery-2.1.1.min.js"></script>
    <script src="../js/common/swiper.jquery.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/common/jquery.SuperSlide.2.1.1.js"></script>
    <script src="../js/common/js.js" type="text/javascript"></script>
    <script src="../js/share_companyDetail.js" type="text/javascript"></script>
</head>
<style type="text/css">
    .ringlist .rilipic {
        width: 2.3rem;
        height: 2.3rem;
    }
</style>

<body>
    <!-- 头部 -->
    <!-- <div class="header">
        <h1 class="hetitle">企业详情</h1>
    </div> -->

    <div id="page" class="page">
        <!--首页头部-->
        <div class="inheder shdebanner">
            <div class="banner">
                <div class="swiper-container">
                    <div class="swiper-wrapper"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>

        <!--店铺名称-->
        <div class="shopname">
            <div class="ringtop">
                <img src="../img/orimg.png" alt="" class="ringtpic company_logo">
                <div class="ringtco">
                    <p class="ringtct1 company_name"></p>
                    <img src="../img/userLevel0.png" class="userLevel level_logo" alt="等级" />
                </div>
            </div>
            <div class="shopnat">
                <p class="shopnati">
                    <span class="shopnatis read_count"></span>
                </p>
            </div>
        </div>

        <div class="shop_deta">
            <div class="shnav">
                <div class="shnavitem on goodsTab">
                    <span class="shnavlink">商品</span>
                </div>
                <div class="shnavitem pictureTab">
                    <span class="shnavlink">相册</span>
                </div>
                <div class="shnavitem contactTab">
                    <span class="shnavlink">联系</span>
                </div>
                <div class="shnavitem circleTab">
                    <span class="shnavlink">建材圈</span>
                </div>
            </div>

            <div class="sh_delsitd" data-type="1">
                <!--商品-->
                <ul class="iz2list sh_delsit shopDetails" style="display: block;"></ul>

                <!--相册-->
                <div class="sh_delsit shde_linkd pictureDetails"></div>

                <!--联系-->
                <div class="sh_delsit contactDetails"></div>

                <!--建材圈-->
                <div class="sh_delsit ringlist circleDetails"></div>
            </div>
        </div>

        <p class="notMore">别拉了 - 疼</p>
    </div>

    <!-- 分享底部 -->
    <div class="downLoad">
        <ul class="dlLists"></ul>
        <p class="icp_info"></p>
        <p class="other_msg"></p>
    </div>

    <!-- 遮罩层 -->
    <div class="mask" style="background:black;"></div>
    <div class="dialog" id="d1" onclick="dialogClose()">
        <div class="dialog_wrap dialog_content">
            <img class="showImg" src="../img/user.jpg" alt="">
        </div>
    </div>

    <script type="text/javascript">
        $(function() {
            let height = $(document).height() - $(".header").height();
            $(".page").css("min-height", height);

            // 图片放大
            $(document).on('click', '.plusImg', function() {
                let img = $(this).attr('data-url');
                $('.showImg').attr('src', img);
                dialog('#d1');
            })
            //更多
            var shdeNun = 1;
            $(document).on('click', '.shdetdt3', function() {
                if (shdeNun == 1) {
                    $(this).addClass("on");
                    $("#shdetdt2").addClass("on");
                    var el = $("#shdetdt2"),
                        curHeight = el.height(),
                        autoHeight = el.css('max-height', 'initial').height();
                    $(".shdetdt3link").html("收起");
                    shdeNun = 2
                    return false
                } else if (shdeNun == 2) {
                    $(this).removeClass("on");
                    $("#shdetdt2").removeClass("on");
                    var el = $("#shdetdt2"),
                        curHeight = el.height(),
                        autoHeight = el.css('max-height', '.8rem').height();
                    $(".shdetdt3link").html("更多");
                    shdeNun = 1
                    return false
                }
            })

            //次导航切换
            $(".shnav .shnavitem").click(function() {
                $(this).addClass("on").siblings(".shnavitem").removeClass("on");
                var i = $(this).index();
                $(".sh_delsitd .sh_delsit").eq(i).show().siblings(".sh_delsit").hide();
            });
        })
    </script>
</body>

</html>